<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- vue js库-->
    <script src="./vue.js"></script>
</head>
<body>
<div id="app-3">
    <p v-if="seen">现在你看到我了</p>

    <button  onclick="fn()">按钮</button>
</div>

<script>

    let flag=true;


    var app3 = new Vue({
        el: '#app-3',
        data: {
            seen: true
        }
    })

    console.log(app3)


    function fn(){
        flag = !flag;


        //只能通过 vue 对象来修改他的属性  不能对 使用  seen : flag 保持引用
        app3.seen=flag;

    }
</script>
</body>
</html>